<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<div>
	<span onmouseover="show1()">苹果</span>
	<span onmouseover="show2()">香蕉</span>
	<span onmouseover="show3()">梨子</span>
</div>
<hr />
<img src="1.jpg" width="300" id="pic" />
<script>
	function show1() {
		pic.src = "1.jpg";
	}

	function show2() {
		pic.src = "2.jpg";
	}

	function show3() {
		pic.src = "3.jpg";
	}
</script>
